/**
 * 自定义公共导航条组件
 * 特殊导航条如：1.搜索框转至fa-nav-search 2.其他特殊的可在需要的页面中另外编写
 */
<template>
	<view class="fa-navbar">
		<u-navbar 
			height="50"
			:is-back="isBack" 
			:title="title" 
			:background="{background}" 
			:border-bottom="false" 
			:title-size="titleSize" 
			:title-color="titleColor" 
			:back-icon-color="backIconColor">
			<view slot="right" class="pr-2" :style="{'color': rightColor}" @click="$emit('rightClick')">{{ rightText }}</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		props: {
			title: { //导航标题
				type: String,
				default: ""
			},
			isBack: { //是否显示返回键
				type: Boolean,
				default: true
			},
			background: { //导航背景色
				type: String,
				default: '#ffffff'
			},
			titleSize: { //导航标题字号
				type: String,
				default: '36'
			},
			titleColor: { //导航标题颜色
				type: String,
				default: '#2A2A2A'
			},
			backIconColor: { //返回键颜色
				type: String,
				default: '#2A2A2A'
			},
			rightText: {
				type: String,
				default: ''
			},
			rightColor: {
				type: String,
				default: '#2E73E5'
			}
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style>
</style>
